:root{
   --bgColor:#035294;
   --textColr:#666666;
  --btnColor:#2077da;
  --banner_title_color:#333333;
  --itembg:#f5f8fd;
  --list_itemcolor:#005494;
}



.hgt_main .hgt_main_wenzhang {
  /* width: 1230px; */
  margin: 20px auto;
  background: #fff;
  /* padding: 20px 10px;
  box-sizing: content-box; */
}
.hgt_main .hgt_main_wenzhang .title {
  font-size: 30px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: var(--bgColor);
  width: 100%;
  padding: 10px 10px 0px 10px;
  text-align: center;

      display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.hgt_main .hgt_main_wenzhang .h3 {
  font-size: 18px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-top: 12px;
  margin-bottom: 30px;
  width: 90%;
}
.hgt_main .hgt_main_wenzhang .main_container {
  display: flex;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_lt {
  width: 600px;
  height: 400px;
  flex-shrink: 0;
  overflow: hidden;

}
 .hgt_main .hgt_main_wenzhang .main_container .main_container_lt .main_container_box_lt{
  display: flex;
  position: relative;
 }
 .hgt_main .hgt_main_wenzhang .main_container .main_container_lt .main_container_box_lt  .main_container_lts{
  width: 600px;
  height: 400px;
 }
  .hgt_main .hgt_main_wenzhang .main_container .main_container_lt .main_container_box_lt  .main_container_lts a img{
    width: 100%;
    height: 100%;
    display: block;
  }

.hgt_main .hgt_main_wenzhang .main_container_box_lt .main_container_lts img {
  width: 100%;
  height: 100%;
  display: block;
}


.hgt_main .hgt_main_wenzhang .main_container .main_container_rt {
  padding: 0 20px;
  min-width: 560px;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_list {
  width: 560px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.hgt_main
  .hgt_main_wenzhang
  .main_container
  .main_container_list
  .main_container_box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.hgt_main
  .hgt_main_wenzhang
  .main_container
  .main_container_list
  .main_container_box
  .main_container_rt {
  /* position: absolute;
  top: 0;
  left: 0; */
  /* float: left; */
}
.hgt_main
  .hgt_main_wenzhang
  .main_container
  .main_container_list
  .main_container_box
  .num {
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_rt .time {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_rt .titles {
  font-size: 20px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin: 8px 0;
  padding: 0;
  text-align: center;
  width: 500px;
   white-space: nowrap;
    /* 超出盒子部分隐藏 */
  overflow: hidden;
  /* 文本超出的部分打点显示 */
  text-overflow: ellipsis;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_rt .text {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #888888;
  line-height: 28px;
  height: 280px;
   overflow : hidden;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_rt .text p img {
  display: none;
}
.hgt_main .hgt_main_wenzhang .main_container .main_container_rt .text img {
  display: none;
}
.banner_box .banner_title {
  width: 900px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: space-between;
}
 .banner_title span{
  margin-left: 6px;
}
.banner_box .banner_title .banner_lt {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
}
.banner_box .banner_title .banner_rt {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
}
.banner_box .banner_title .banner_rt span {
  position: relative;
  margin-right: 10px;
}
.banner_box .banner_title .banner_rt span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #fff;
  /* inset: 0; */
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.hgt_zffw_center {
  width: 1220px;
  margin: 20px auto;
  /* background: #fff;
  padding: 20px 10px; */
  box-sizing: content-box;
}
.hgt_main .hgt_zffw .bg_title {
  height: 100px;
  background: url("../../images//bg4.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  color: #fff;
}
.hgt_main .hgt_zffw .bg_title .lt {
  display: flex;
  align-items: center;
  width: 80%;
  margin-left: 80px;
}
.hgt_main .hgt_zffw .bg_title .lt img {
  /* width: 45px; */
  height: 45px;
  display: block;
}
.hgt_main .hgt_zffw .bg_title .lt .ditu {
  display: flex;
  align-items: center;
  margin-left: 140px;

  font-size: 18px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.hgt_main .hgt_zffw .bg_title .lt .title {
  margin-left: 8px;
  line-height: 20px;
}
.hgt_main .hgt_zffw .bg_title .lt .ditu  div img{
  width: 20px;
  height: 20px;
  display: block;
}
.hgt_main .hgt_zffw .bg_title .lt .title .title_top {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
}
.hgt_main .hgt_zffw .bg_title .lt .title .title_bt {
  font-family: DFPSongW12-GB-Regular, DFPSongW12-GB;
  font-weight: bold;
  color: #ffffff;
  line-height: 35px;
  letter-spacing: 3px;
  font-size: 30px;
}

.hgt_main .hgt_zffw .bg_title .rt {
  flex: 1;
  display: flex;
  margin-right: 50px;
}
.hgt_main .hgt_zffw .bg_title .rt .btn {
  width: 145px;
  height: 46px;
  background: var(--btnColor);
  border-radius: 4px 4px 4px 4px;
  text-align: center;
  line-height: 46px;
  margin-right: 18px;

  font-size: 20px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;

}

.hgt_main .hgt_zffw .content_zffw {
  /* height: 200px; */
  background: url("../../images//bg3.png") no-repeat;
  background-size: 100% 100%;
  padding-bottom: 30px;
  min-height: 200px;
}

.hgt_main .hgt_zffw .content_zffw .list {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 20px; */
}
.hgt_main .hgt_zffw .content_zffw .list .list_item {
  color: #666666;
  margin-left: 70px;
  margin-top: 20px;
  cursor: pointer;
  font-size: 18px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
line-height: 24px;
}
.hgt_main .hgt_zffw .content_zffw .list .list_item.active {
  color: var(--list_itemcolor);
  position: relative;
}
.hgt_main .hgt_zffw .content_zffw .list .list_item.active::after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--list_itemcolor);
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
}
.hgt_main .hgt_zffw .cardlist {
  display: flex;
  justify-content: center;
  align-items: center;

  margin-top: 20px;
}
#hgt_grfw {
  width: 90%;
  margin: 0 auto;
}

.hgt_main .hgt_zffw .cardlist .item {
  width: 90px;
  height: 90px;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid rgba(124, 164, 197, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px;
  margin-left: 4px;
  cursor: pointer;
}
.hgt_main .hgt_zffw .cardlist .item .top {
  width: 28px;
  height: 28px;
}
.hgt_main .hgt_zffw .cardlist .item .top img {
  width: 100%;
  height: 100%;
  display: block;
}
.hgt_main .hgt_zffw .cardlist .item .bt {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #333333;
}
  .hgt_main  .hgt_zffw #hgt_frfw .cardlist .item:hover{
   background-color:var(--bgColor);
}
.hgt_main .hgt_zffw  #hgt_frfw  .cardlist .item:hover .top img{
 filter: grayscale(100%) brightness(400%);
}
 .hgt_main .hgt_zffw #hgt_frfw .cardlist .item:hover .bt{
  color: #fff;
}


  .hgt_main  .hgt_zffw #hgt_grfw .cardlist .item:hover{
  background-color:var(--bgColor);
}
.hgt_main .hgt_zffw  #hgt_grfw  .cardlist .item:hover .top img{
 filter: grayscale(100%) brightness(400%);
}
 .hgt_main .hgt_zffw #hgt_grfw .cardlist .item:hover .bt{
  color: #fff;
}
/* 政府信息公开 */
.hgt_main .banner_title {
  width: 1200px;
  margin: 0px auto;
  padding: 10px;
  box-sizing: content-box;
  font-size: 20px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  position: relative;
}
.hgt_main .banner_title a{
  font-size: 20px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
 color: var(--banner_title_color);
  position: relative;
}
.hgt_main .banner_title::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 24px;
  background: var(--btnColor);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.hgt_main .hgt_message .hgt_newlist_lt {
}
.hgt_main .hgt_message .hgt_newlist_lt .top {
  /* display: grid;
  grid-template-columns: repeat(4, 25%);
  gap: 14px; */
  /* grid-template-rows: 200px 200px; */
      /* display: grid;
    grid-template-columns: repeat(4, 25%); */
    /* gap: 14px; */
    /* grid-gap: 20px 0px;
    grid-template-rows: 90px 90px; */
    display: flex;
    flex-wrap: wrap;
}
.hgt_main .hgt_message .hgt_newlist_lt .top div{
  width: 24%;
  margin-top: 10px;
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item .img {
  width: 60px;
  height: 60px;
   transition: .3s;
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item .img img {
  width: 100%;
  height: 100%;
  display: block;
  
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item .text {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-top: 8px;
  width: 100%;
    text-align: center;
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item:hover .text{
  color:var(--bgColor);
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item:hover  .img{
  /* background-color: #005494; */
   border-radius: 50%;
   transform: scale(1.2);
   transition: .3s;
}
.hgt_main .hgt_message .hgt_newlist_lt .top .item:hover  .img img {
 border-radius: 50%;


 
}
.hgt_main .hgt_message .hgt_newlist_lt .botton {
  /* display: grid;
  grid-template-columns: repeat(3, 32%);
  gap: 18px;*/
  margin-top: 10px; 
  display: flex;
  flex-wrap: wrap;
 
}
.hgt_main .hgt_message .hgt_newlist_lt .botton:hover {
  color: #005494;
}
.hgt_main .hgt_message .hgt_newlist_lt .botton .item {
  background: var(--itembg);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid rgba(124, 164, 197, 0.5);
  text-align: center;
  padding: 10px;
  cursor: pointer;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
   margin: 8px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.hgt_main .hgt_message .hgt_newlist_lt .botton .item:hover {
  background-color:var(--bgColor);
}
.hgt_main .hgt_message .hgt_newlist_lt .botton .item:hover a {
  color: #fff;
}
/* 政务服务 */

.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box {
  /* display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 10px; */
 display: flex;
    flex-wrap: wrap;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .item {
  /* background-color: red; */
  height: 100px;
  line-height: 100px;
  font-size: 24px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 100px;
  width: 45%;
  margin: 6px;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .item .box {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .item .box img {
  width: 30px;
  height: 20px;
  display: block;
  object-fit: cover;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .youxiang {
  background: url("../../images/bg_xixiang.png") no-repeat;
  background-size: 100% 100%;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .jubao {
  background: url("../../images/bg_jubao.png") no-repeat;
  background-size: 100% 100%;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .xinmeiti {
  background: url("../../images/bg_xinmeiti.png") no-repeat;
  background-size: 100% 100%;
}
.hgt_main .hgt_zmht .hgt_newlist_lt .hgt_zmht_box .xifang {
  background: url("../../images/bg_xifang.png") no-repeat;
  background-size: 100% 100%;
}
.textellipsis{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    
}
.guowuyuan{
  font-family: DFPSongW9-GB-Regular, DFPSongW9-GB;
font-weight: 400;
font-size: 22px;
margin-left: 330px;
}


#zsrx{
    position: fixed;
    width:200px;
    bottom:100px; right:-200px;
    z-index:999;
    transition-duration:.3s;
}
#zsrx.active{
    right:0px;
}
#zsrx .close{
    position: absolute;
    left:-40px;
    top:0;
    background-color: #005494;
    width: 40px;
    height: 60px;
    border-radius: 60px 0 0 60px;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-family: '宋体';
    font-weight:600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration:.3s;
}
#zsrx.active .close{
    left:-41px;
    opacity: 0;
}
#zsrx.active:hover .close{
    opacity:1;
}
#zsrx.active .close span{
    transform-origin:center;
    transform: rotate(180deg);
}

#zsrx .top-text{
    background-color: #005494;
    padding:10px;
    overflow: hidden;
}
#zsrx .top-text .img{
    width:40px;
    border-radius:50%;
    border:2px solid #fff;
    padding:5px;
    float:left;
    
}

#zsrx .top-text .img img{
    width:100%;
    display:block;
}
#zsrx .top-p{
    float:left;
    margin-left:10px;
}
#zsrx .top-p .h{
    font-size:16px;
    color:#fff;
    margin-bottom:6px;
}
#zsrx .top-p .p{
    font-size:14px;
    color:#fff;
}
#zsrx .btns{
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 12px 2px rgba(0,0,0,8%);
}
#zsrx .btns .btn{
    font-size:14px;
    color:#fff;
    height:30px;
    line-height:30px;
    border-radius:15px;
    background-color: #005494;
    width:80%;
    margin:20px auto 10px;
    text-align: center;
}

#hgt_gkfw .cardlist {
  display: flex;
}


#hgt_gkfw .cardlist .itembox{
     border: 1px solid rgba(124, 164, 197, 0.5);
     padding: 10px 8px;
     margin-left: 4px;
         width: 100px;
    text-align: center;
    box-sizing: content-box;
}
#hgt_gkfw .cardlist .itembox:hover{
  background-color:var(--bgColor);
 
}
#hgt_gkfw .cardlist .itembox:hover a{
 color: #fff;
}
#hgt_gkfw .cardlist .itembox a{

}

 #hgt_hygq li:last-child{
  display: none;
 }